
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp"%>

<!DOCTYPE html>
<html lang="${currentLocale}">
<head>
<title>悠儿</title>
<%@ include file="/WEB-INF/common/meta.jsp"%>
<%@ include file="/WEB-INF/common/global_res.jsp"%>
</head>
<body>
	<%@ include file="/WEB-INF/common/header.jsp" %>

	<div class="container" id="topicList">
		<div class="row">
			<div class="span2 sidebar">
				<ul class="nav nav-list" data-spy="affix">
					<li><a tabindex="-1" href="${ctx}/tag/美容">生活的智慧</a></li>
					<li><a tabindex="-1" href="${ctx}/tag/健身">健康</a></li>
					<li><a tabindex="-1" href="${ctx}/tag/美食">努力吧</a></li>
					<li><a tabindex="-1" href="${ctx}/tag/美食">觅食</a></li>
					<li><a tabindex="-1" href="${ctx}/tag/美食">留住我容颜</a></li>
					<li><a tabindex="-1" href="${ctx}/tag/美食">游记</a></li>

					<li class="nav-header">在这里</li>
					<li><a tabindex="-1" href="#">厨</a></li>
					<li><a tabindex="-1" href="#">书</a></li>
					<li><a tabindex="-1" href="#">厅</a></li>
					<li><a tabindex="-1" href="#">园</a></li>
					<li><a tabindex="-1" href="#">卧</a></li>
					
					<li class="nav-header">这时候</li>
					<li><a tabindex="-1" href="#">晨</a></li>
					<li><a tabindex="-1" href="#">午</a></li>
					<li><a tabindex="-1" href="#">夜</a></li>
					
					<li class="nav-header">天气</li>
					<li><a tabindex="-1" href="#">晴</a></li>
					<li><a tabindex="-1" href="#">雨</a></li>
					<li><a tabindex="-1" href="#">阴</a></li>
					
					<li class="nav-header">心情</li>
					<li><a tabindex="-1" href="#">乐</a></li>
					<li><a tabindex="-1" href="#">悲</a></li>
					<li><a tabindex="-1" href="#">痛</a></li>
				</ul>
			</div>
			<div class="span7">
				<div class="row-fluid">
					<div class="span12">
						<ul class="nav nav-tabs">
						    <li class="active">
						    	<a href="${ctx}">首页</a>
						    </li>
						    <li>
						    	<a href="${ctx}">此刻</a>
						    </li>
						 </ul>
						<c:forEach var="topicListView" items="${list}" varStatus="status">
			                <div class="home-topic-list row-fluid">
			                	<div class="span12">
				                	<h4 class="home-title-h4">
					                	<a href="/topic/${topicListView.id}">${topicListView.title}</a>
					                	<span class="home-topic-info"><a href="/u/${topicListView.website}">${topicListView.username}</a> &nbsp; ${topicListView.updDt}</span>
					                	<span class="home-topic-info pull-right">${topicListView.looks} / ${topicListView.likes} / ${topicListView.replies}</span>
				                	</h4>
				                	<div class="row-fluid">
					                	<div class="span12">
						                	<div class="span6">
						                		<a href="/topic/${topicListView.id}"><img src="/img/${topicListView.picId}" alt="${topicListView.title},${topicListView.tags}" /></a>
						                	</div>
						                	<div class="span6">
						                		<p>${topicListView.textS}</p>
						                	</div>
					                	</div>
				                	</div>
			                	</div>
			                </div>
			                <div class="line_dashed"></div>
						</c:forEach>
						<section id="pageBar">
							${pageBar}	
						</section>
					</div>
				</div>
			</div>
			
			<div class="span3 rightbox">
				<div class="row-fluid">
					<div class="span12">
						<p style="padding-bottom: 20px;"><img src="${ctx}/res/imgs/test/1.jpg" alt="" class="pull-right"></p>
						<p><img src="${ctx}/res/imgs/test/2.jpg" alt="" class="pull-right"></p>
					</div>
				</div>
			</div>
			
		</div>

	</div>

	<%@ include file="/WEB-INF/common/footer.jsp"%>

</body>
</html>